@import './color.scss';
@import './variable.scss';

.header {
    padding: .1923rem;
    padding-top: .4846rem;
    padding-bottom: 0rem;
    display: flex;
    align-items: center;
    background: #fff;

    .header_left {
        .avatar {
            width: .7rem;
            height: .7rem;

            border-radius: 50%;
            overflow: hidden;

            img {
                width: 100%;
                height: auto;
            }
        }

    }

    .header_center {
        z-index: 10;
        flex: 1;
        padding: 0 .2rem 0 .2rem;
        font-size: .35rem;
        display: flex;
        align-items: center;
        font-weight: bold;


        .van-search {
            border-radius: .1923rem;
            padding: 0;
            width: 100%;
            border: .04rem solid $text-dark;
            background: #fff;

            .van-search__content {
                background: transparent;
                height: .72rem;
                align-items: center;

                input::-webkit-input-placeholder {
                    color: $text-light;
                    font-size: .24rem;
                }
            }
        }
    }

    .header_right {
        margin-top: .05rem;
        margin-left: -.1923rem;
        img {
            width: .6rem;
        }
    }
    .van-badge--fixed {
        top: 0.12rem;
        right: 0.1rem;
    }
}